<template>
  <vue-modal
    title="配置新股"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showModal"
    effect="fade"
    :small="true"
    :width="500"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*手机号</label>
          <div class="col-sm-9 text-left">
            <input type="number" class="form-control" v-model="form.phone">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*认购状态</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="form.status">
              <option value="0">已删除</option>
              <option value="1">申请中</option>
              <option value="2">已驳回申请</option>
              <option value="3">认购中</option>
              <option value="4">认购成功</option>
              <option value="5">认购失败</option>
            </select>
          </div>
        </div>
        <div v-if="+form.status=== 4" class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*中签数</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.finalNum">
          </div>
        </div> 
        <div v-if="+form.status=== 2" class="form-group form-group-sm">
          <label class="col-sm-3 control-label">驳回原因</label>
          <div class="col-sm-9 text-left">
            <textarea class="form-control" rows="5" v-model="form.remark"></textarea>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*资金账号</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.userNo">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*申购股票代码</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.stockCode">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">客户姓名</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.userName">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">认购股数</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.num">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">认购金额</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.price">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">手续费</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.serviceCharge">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">总费用</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.totalSpend">
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<script src="./customer-config.js"></script>